<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta name="format-detection" content="telephone=no"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width, viewport-fit=cover" />
		<title>启蒙优选-收益明细</title>
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/swiper.min.css">
	</head>
	<body>
		<!-- 收益明细 --> 
		<div class="profitIndex">
			<div class="content">
				<div class="order_top">
					<div class="order_tab flex juscbtween">
						<span class="on">订单收益</span>
						<span>管理奖励</span>
						<span>培育奖励</span>
						<span>分红奖励</span>
					</div>
					<div class="profit flex juscbtween">
						<p>订单确认收货后立即结算收益</p>
						<img src="../img/user/right.png" alt="">
					</div>
				</div>
				<!-- 订单列表 -->
				<div class="order_list">
					<!-- 订单收益 -->
					<a href="../order_detail.html" class="order_item">
						<div class="top flex juscbtween">
							<div class="left flex alitemCenter">
								<img src="../img/head.jpeg" alt="">
								<div class="userInfo">
									<h4>君</h4>
									<p>2020-20-20 10:10:10下单</p>
								</div>
							</div>
							<div class="right">待结算</div>
						</div>
						<div class="order_info flex juscbtween">
							<div class="order_img">
								<img src="../img/head.jpeg" alt="">
							</div>
							<div class="right flex flexdirection juscbtweenOnly">
								<h4 class="ellipsis">给孩子给孩子给孩子给孩子给孩子给孩子</h4>
								<div class="money flex juscbtween">
									<div class="pay_money">
										<p><i>￥</i>999</p>
										<span>付款金额</span>
									</div>
									<div class="get_money">
										<p><i>￥</i>999</p>
										<span>预估收益</span>
									</div>
								</div>
							</div>
						</div>
					</a>
					<!-- 管理奖励 -->
					<a href="../order_detail.html" class="order_item">
						<div class="top flex juscbtween"><p>2020-03-20 12:12:12 下单</p><span>待发货</span></div>
						<div class="order_info flex juscbtween">
							<div class="order_img">
								<img src="../img/head.jpeg" alt="">
							</div>
							<div class="right flex flexdirection juscbtweenOnly">
								<h4 class="ellipsis">给孩子给孩子给孩子给孩子给孩子给孩子</h4>
								<div class="money flex juscbtween">
									<div class="pay_money">
									</div>
									<div class="get_money">
										<p><i>￥</i>999</p>
										<span>预估收益</span>
									</div>
								</div>
							</div>
						</div>
					</a>
					<!-- 培育奖励 -->
					<a href="javascript:;" class="profit_item">
						<div class="flex juscbtween">
							<h3>2020年6月直属导师培育奖</h3>
							<h4><i>￥</i>6666.00</h4>
						</div>
						<div class="flex juscbtween">
							<p>2020-02-02 12:0:02</p>
							<span>已到账</span>
						</div>
					</a>
					<!-- 分红奖励 -->
					<a href="javascript:;" class="profit_item">
						<div class="flex juscbtween">
							<h3>2020年6月5日分红奖励</h3>
							<h4><i>￥</i>6666.00</h4>
						</div>
						<div class="flex juscbtween">
							<p>2020-02-02 12:0:02</p>
							<span>已到账</span>
						</div>
					</a>
				</div>
			</div>
		</div>
	</body>
	<script rel="stylesheet" src="../js/jquery-2.0.3.min.js"></script>
	<script>
		$(function(){
			$('.order_tab span').click(function(){
				$(this).addClass('on').siblings('span').removeClass('on');
			})
		})
	</script>
</html>
